@import shared.VarTool
@import tool.soft.OplsdaSoft
@(missionName: String,missionId:Option[Int]=None)(implicit request: RequestHeader,messages: Messages)
@main(messages(OplsdaSoft.nameStr))("allSoft", "") {

	<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/tableFilter.css")">

	<script src="@routes.Assets.at("bootstrap-table-master/dist/extensions/filter-control/my-bootstrap-table-filter-control.js")" type="text/javascript"></script>

	<style>
			.genome-pre {
				white-space: pre-wrap;
				word-wrap: break-word;
				border: 0px solid #ccc;
				background-color: white;
			}

			select:not([multiple]) {
				-webkit-appearance: none;
				-moz-appearance: none;
				background-position: right 50%;
				background-repeat: no-repeat;
				background-image: url();
				padding: .5em;
				padding-right: 1.5em
			}

			.fr {
				float: right;
			}

			.base-info .item .title span {
				display: inline-block;
				border-left: 2px solid #0b8af4;
				font-size: 14px;
				color: #333;
				padding-left: 10px;
			}

			.photo span {
				display: block;
				width: 92px;
				height: 92px;
			}

			.photo img {
				width: 100%;
				height: 100%;
			}

			tr > td {
				padding-top: 10px !important;
				padding-bottom: 10px !important;
			}

			.glyphicon-remove::before {
				content: "" !important;
			}

			.fglefttitle {
				font-size: 30px;
				font-weight: lighter;
				color: #A2A2A2;
			}

	</style>
	<div class="page-content">

		<div class="row">
			<div class="col-md-12">
				<div id="form_wizard_1" class="portlet light profile-sidebar-portlet bordered">

					<div class="portlet-title">
						<div class="item">
							<div id="videoRoot"></div>
						</div>
						<div class="caption">
						</div>
					</div>

					<input hidden name="softKind" value="@OplsdaSoft.nameStr">

					<div class="portlet-body form">

						<form id="form" class=" form-horizontal" accept-charset="UTF-8"
						method="post" style="margin-top: 30px;">

							<div class="col-sm-offset-2">
								<span class="error" style="line-height: 35px;">@request.flash.get("info")</span>
							</div>

							<div class="form-group">
								<label class="control-label col-sm-2">@messages("taskName"): </label>
								<div class="col-sm-4">
									<input class="form-control" name="missionName" value="@missionName" onfocus="inputSelect(this)">
								</div>
							</div>

							<div class="form-group">
								<label class="control-label col-sm-2">@messages("dataMatrix"):</label>
								<div class="col-sm-4">
									<input class="form-control fillByName myFile" name="file" value="" readonly>
								</div>
								<div class="col-sm-3">
									<button class="btn green myFileSelect" data-value="example;metData"
									data-inputName="file" data-fileName="data.txt"><i class="fa fa-file"></i>
										@messages("selectFile")</button>
								</div>
							</div>

							<div class="form-group" id="groupFile" style="display: block">
								<label class="control-label col-sm-2">@messages("groupFile"):</label>
								<div class="col-sm-4">
									<input class="form-control fillByName myFile" name="groupFile" value="" readonly>
								</div>
								<div class="col-sm-3">
									<button class="btn green myFileSelect" data-value="example;group" data-inputName="groupFile"
									data-dataInputName="file" type="button" data-fileName="group.txt"><i class="fa fa-file"></i>
										@messages("selectFile")</button>
								</div>
							</div>

							<div id="scale">

							</div>

							<div id="selectGroup">

							</div>

							<div class="form-group">
								<label class="control-label col-sm-2">@messages("vipCutoff")<span id="question5" style="margin-bottom: 5px">
									<a type="button" title=@messages("note") data-container="body" data-toggle="popover"
									data-placement="right" data-html="true" data-content="@messages("oplsdaVipInfo")"
									data-trigger="click"><i class="fa fa-question-circle-o" ></i></a>
								</span>:</label>
								<div class="col-sm-3">
									<input class="form-control fillByName" name="vip" id="mCharacteristic" value="1">
								</div>
							</div>

							<div class="form-group">
								<label class="control-label col-sm-2">@messages("q2yLowLimit")<span id="question5" style="margin-bottom: 5px">
									<a type="button" title=@messages("note") data-container="body" data-toggle="popover"
									data-placement="right" data-html="true" data-content="@messages("q2yLowLimitInfo")"
									data-trigger="click"><i class="fa fa-question-circle-o" ></i></a>
								</span>:</label>
								<div class="col-sm-3">
									<input class="form-control fillByName" name="q2Y" value="0.2">
								</div>
								<label class="control-label col-sm-2">@messages("upLimitOfQ2Y")<span id="question5" style="margin-bottom: 5px">
									<a type="button" title=@messages("note") data-container="body" data-toggle="popover"
									data-placement="right" data-html="true" data-content="@messages("upLimitOfQ2YInfo")"
									data-trigger="click"><i class="fa fa-question-circle-o" ></i></a>
								</span>:</label>
								<div class="col-sm-3">
									<input class="form-control fillByName" name="q2YB" value="0">
								</div>
							</div>


							<div class="form-group form-horizontal">
								<div class="actions col-sm-offset-2 col-sm-2">
									<button type="button" class="btn btn-primary myRun" style="width: 90%;" id="search">
										@messages("run")</button>
								</div>
							</div>

						</form>

						@user.soft.fileModal()

					</div>

				</div>
			</div>
		</div>
	</div>

	<script>

			var id = "@request.session.get("id")"
			var missionId = "@missionId"

			$(function () {
				Oplsda.init

			})
	</script>


}
